<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
    <link rel="manifest" href="/site.webmanifest" />
    <link rel="shortcut icon" href="/favicon.ico" />
    <link rel="shortcut icon" href="/favicon-16x16.ico" />
    <link rel="shortcut icon" href="/favicon-32x32.ico" />
    <link rel="shortcut icon" href="/favicon-48x48.ico" />

    <meta
      name="viewport"
      content="width=device-width, initial-scale=0, user-scalable=yes,shrink-to-fit=no" />
    <meta name="description" content="<%= SEO_DESCRIPTION %>" />
    <meta name="baidu-site-verification" content="code-HxiWyWK6Aq" />
    <meta name="baidu-site-verification" content="codeva-moxPA9UX28" />
    <meta name="google-site-verification"
      content="9U-4cWCWw-D99mVKE-SHcBjU5YEH_ztGAURrW1rDU7U" />
    <meta name="sogou_site_verification" content="w7zdK0JX3H" />
    <meta name="360-site-verification"
      content="232da2ea347565b5b380e8b85f921f16" />
    <meta name="keywords" content="<%= SEO_KEYWORDS %>" />
    <meta name="msvalidate.01" content="F024AF253277E33350D8157626C9480D" />
    <title><%= SEO_TITLE %></title>

    <!-- 结构化数据增强 -->
    <script type="application/ld+json">
      {
        "@context": "https://schema.org",
        "@type": ["SoftwareApplication", "WebApplication"],
        "name": "猫步简历",
        "operatingSystem": ["Web", "Windows", "macOS", "Android", "iOS"],
        "applicationCategory": ["BusinessApplication", "CareerService"],
        "aggregateRating": {
          "@type": "AggregateRating",
          "ratingValue": "4.9",
          "ratingCount": "12876"
        },
        "offers": {
          "@type": "Offer",
          "price": "0",
          "priceCurrency": "CNY",
          "availability": "https://schema.org/InStock"
        }
      }
    </script>

    <!-- 百度统计 -->
    <script>
      var _hmt = _hmt || [];
      (function () {
        var hm = document.createElement('script');
        hm.src = 'https://hm.baidu.com/hm.js?30b00f14321e745ddea34e2df9112539';
        var s = document.getElementsByTagName('script')[0];
        s.parentNode.insertBefore(hm, s);
      })();
    </script>

    <style>
      /* 解决预渲染footer闪现问题 */
      #global-footer-box {
        opacity: 0;
        transition: opacity 0.3s ease;
      }

      .vue-mounted #global-footer-box {
        opacity: 1 !important;
      }
    </style>
  </head>

  <body>
    <div id="app">
      <!-- 预渲染footer -->
      <div id="footer"></div>
    </div>
    <script type="module" src="/src/main.ts"></script>

    <!-- 友情链接SEO关联性增强 -->
    <footer style="display: none">
      <a href="https://maobucv.com/word">Word简历模版下载</a>
      <a href="https://maobucv.com/ppt">PPT模版下载</a>
      <a href="https://maobucv.com/webcode">私有化部署</a>
      <a href="https://maobucv.com/articles/about">关于我</a>
    </footer>
  </body>
</html>
